<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<meta charset="UTF-8">
		<title>医生详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/timeTable.css" />
		<link rel="stylesheet" href="css/doctor.css" />
	</head>

	<body>
		<div class="col-xs-12 col-sm-12 row hospital-list-title">
			<img class="col-xs-2 col-sm-2" src="img/ui/back.png" />
			<h5>医生详情</h5>
		</div>
		<div class="col-sm-12 col-xs-12 row">
			<ul class="timeTable-docList-ul col-sm-12 col-xs-12 row">
				<li class="timeTable-docList-li col-sm-12 col-xs-12 row">
					<div class="timeTable-docList-li-tx col-sm-3 col-xs-3 row">
						<img src="img/zw.jpg" class=" col-sm-12 col-xs-12 img-circle" />
					</div>
					<div class="timeTable-docList-li-mess col-sm-9 col-xs-9 row">
						<div class="timeTable-docList-li-mess-basics col-sm-12 col-xs-12 row">
							<h5>一个名字</h5><small>副主任医师</small>
						</div>
						<div class="timeTable-docList-li-mess-score col-sm-12 col-xs-12 row">
							<p class="col-sm-3 col-xs-3">￥20.00</p>
							<ul class="col-sm-5 col-xs-5">
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<section class="clear"></section>
							</ul>
							<small>余号15</small>
						</div>
						<div class="timeTable-docList-li-mess-goodAt col-sm-12 col-xs-12 row">
							<samll>擅长：心脑血管balabalbala</small>
						</div>

					</div>
					<img src="img/ui/back-gray.png" class="toDoc" />

				</li>
			</ul>
		</div>
		<div class="col-sm-12 col-xs-12 row timeTabel-container">

			<ul id="myTab" class="nav nav-tabs col-sm-12 col-xs-12 row timeTabel-container-selector1">
				<li class="active col-sm-6 col-xs-6 timeTabel-container-selector1-li">
					<a href="#home" data-toggle="tab">
						排班信息
					</a>
				</li>
				<li class="col-sm-6 col-sm-6 timeTabel-container-selector1-li">
					<a href="#ios" data-toggle="tab">医生简介</a>
				</li>
				<div class="clear"></div>

			</ul>
			<div id="myTabContent" class="tab-content col-sm-12 col-xs-12">
				<input type="hidden" name="date" />
				<input type="hidden" name="doctorId" />
				<div class="tab-pane fade in active timeTabel-container-selector2" id="home">
					<ul class="timeTabel-container-selector2-ul">

						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week timeTabel-container-selector2-li-week-active">周一</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week">周二</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week">周三</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week">周四</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week">周五</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						<li class="timeTabel-container-selector2-li col-sm-3 col-xs-3">
							<h5 class="timeTabel-container-selector2-li-week">周六</h5>
							<small class="timeTabel-container-selector2-li-date">01-21</small>
						</li>
						

					</ul>

					<div class="col-sm-12 col-xs-12 row">
						<ul class="timeTable-docList-ul timeTabel-detail col-sm-12 col-xs-12 row">
							<li class="col-sm-12 col-xs-12 timeTabel-detail-un">
								<h5 class="col-sm-3 col-xs-3">9:00~10:00</h5>
								<p class="col-sm-4 col-xs-4">￥30:00</p>
								<small class="col-sm-2 col-xs-2">约满</small>
								
							</li>
							<li class="col-sm-12 col-xs-12 timeTabel-detail-can">
								<h5 class="col-sm-3 col-xs-3">10:00~11:00</h5>
								<p class="col-sm-4 col-xs-4">￥30:00</p>
								<small class="col-sm-2 col-xs-2">余号3</small>
								<img src="img/ui/back-gray.png"  class="timeTabel-detail-go"/>
						    </li>
						    <li class="col-sm-12 col-xs-12 timeTabel-detail-can">
								<h5 class="col-sm-3 col-xs-3">10:00~11:00</h5>
								<p class="col-sm-4 col-xs-4">￥30:00</p>
								<small class="col-sm-2 col-xs-2">余号3</small>
								<img src="img/ui/back-gray.png"  class="timeTabel-detail-go"/>
						    </li>
						</ul>
					</div>
				</div>
				<div class="tab-pane fade" id="ios">
					<div class="col-sm-12 col-xs-12 row doctor-detail-container">
						<div class="col-sm-12 row col-xs-12 doctor-detail-goodAt">
							<div class="doctor-detail-goodAt-title col-xs-12 col-sm-12">
								<img class="col-xs-1 col-sm-1 img-circle" src="img/change.png" />
								<p class="col-sm-4 col-xs-4 ">擅长</p>
							</div>
							<div class="col-sm-12 col-xs-12 doctor-detail-goodAt-mess">
								<p>擅长糖尿病，垂体疾病，肥胖症，痛风，骨质酥松balabalabala</p>
							</div>
						</div>
						<div class="col-sm-12 row col-xs-12 doctor-detail-goodAt doctor-detail-goodAt-fri">
							<div class="doctor-detail-goodAt-title col-xs-12 col-sm-12">
								<img class="col-xs-1 col-sm-1 img-circle" src="img/communicate.png" />
								<p class="col-sm-4 col-xs-4 ">简介</p>
							</div>
							<div class="col-sm-12 col-xs-12 doctor-detail-goodAt-mess">
								<p>擅长糖尿病，垂体疾病，肥胖症，痛风，骨质酥松balabalabala</p>
							</div>
						</div>
						<div class="col-sm-12 row col-xs-12 doctor-detail-goodAt">
							<div class="doctor-detail-goodAt-title col-xs-12 col-sm-12">
								<img class="col-xs-1 col-sm-1 img-circle" src="img/key.png" />
								<p class="col-sm-4 col-xs-4 ">患者评价</p>
							</div>
							<div class="col-sm-12 col-xs-12 doctor-detail-goodAt-mess">
								<p>擅长糖尿病，垂体疾病，肥胖症，痛风，骨质酥松balabalabala</p>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

	</body>
	<script src="js/timeTable.js"></script>

</html>